page-htbgInformation {
  $fontColor: #999999;
  $titleColor: #666666;
  $lineColor: #ebebeb;
  .content_div {
    width: 100%;
  }

  .feeInfo {
    width: 91%;
    height: 4rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    border-bottom: 0.2px solid rgba(0, 0, 0, 0.3);
    align-items: center;
    div {
      color: $titleColor;
    }
  }
  .feeInfo_0 {
    @extend .feeInfo;
  }

  .feeInfo_1 {
    @extend .feeInfo;
  }
  .feeInfo_1:last-child {
    @extend .no-line;
  }
  .no-line {
    //@extend .feeInfo;
    border-bottom: $lineColor solid 0px;
  }
  .feeInfo_2 {
    @extend .feeInfo;
  }
  .feeInfo_3 {
    @extend .feeInfo;
  }
  .zhichu{
    .feeInfo_1:last-child {
      @extend .no-line;
    }
  }

  .baseInfo {
    width: 100%;
    .title {
      background-color: #f7f7f7;
      width: 100%;
      height: 4rem;
      label{
        margin-left: 4%;
      }
    }
    label {
      margin-left: 3%;
      line-height: 4rem;
      color: #666666;
    }
    .div-item {
      width: 100%;
      margin: 0 auto;
    }
  }
  .date_p {
    width: 90%;
    height: 4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: $titleColor;
    margin-left: 5.5%;
    //margin-top: 1rem;
  }
  .expend-panel {
    width: 95%;
    //height: 12rem;
    border-radius: 8px;
    background-color: #ffffff;
    border: 0.2px solid rgba(0, 0, 0, 0.3);
    margin: 1rem auto;
    .btn {
      width: 100%;
      margin-top: 0.3rem;
      margin-right: 1.5rem;
      display: flex;
      justify-content: flex-end;
      color: #ffffff;

    }
    span {
      color: $fontColor;
    }

  }
  .expend-item {
    width: 95%;
    height: 4rem;
    border-bottom: 0.2px solid rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    display: flex;
    align-items: center;

  }
  .expend-item:last-child{
    border-bottom: 0px solid rgba(0, 0, 0, 0.3);
  }
  .expend-item-yj{
    width: 100%;
    min-height: 4rem;
    border-bottom: 0.2px solid rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  ion-input {
    color: #666666;
  }
  ion-item {
    min-height: 4rem !important;
  }
  button {
    min-height: 4rem !important;
  }
  .required {
    color: #f53d3d;
  }

  .item-input ion-label {
    width: 85px;
  }
  ion-item .item-inner {
    border-bottom: 0.2px solid rgba(0, 0, 0, 0.3) !important;
  }
  button .item-inner {
    border-bottom: 0.2px solid rgba(0, 0, 0, 0.3) !important;
  }
  .textarea-div{
    width: 95%;min-height:5rem;display: flex;margin: 0 auto;
    //border-bottom: $lineColor solid 1px;;
  }
  .textarea {
    width: 23rem;
    margin: 0.5rem auto;
    border: #eaeaea solid 1px;
    color: #666666;
    overflow:scroll;overflow-y:hidden;overflow-x:hidden;
  }
  .shenQingFJDiv {
    width: 88%;
    display: flex;
    margin: 0 auto;
    align-items:center;
    .fuJianTitle{
      width: 25%;
    }
    div{
      width: 90%;
      color: $titleColor;
      margin: 0 0 0.3rem;
    }
    span{
      color: $titleColor;
      font-size: px2rem(12px);
    }
    .shenQingFJ{
      margin-left: 1.7rem;
      p{
        color:#1c70bf;
        //overflow: hidden;
        //text-overflow: ellipsis;
        //white-space: nowrap;
        font-size: px2rem(13px);
      }
    }
  }
  .shenPiFJDiv{
    width: 95%;
    min-height: 4rem;
    display: flex;
    margin: 0 auto;
    align-items:center;
    .shenPiFJ{
      margin-left: 1.7rem;
      p{
        color:#1c70bf;
        //overflow: hidden;
        //text-overflow: ellipsis;
        //white-space: nowrap;
      }
    }
  }

  //==========================

  .panel{
    width: 95%;
    margin: 5px auto;
    box-shadow: 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;

    .title{
      width: 100%;
      height: 2.7rem;
      border-bottom: 1px solid $lineColor;
      display: flex;
      align-items: center;
      label{
        margin-left: 3%;
        color: #3189fb;
      }
    }
    .con{
      width: 92%;
      min-height: 4rem;
      padding: 7px 0;
      margin: 0 auto;
      border-bottom: 1px solid $lineColor;
      display: flex;
      justify-content: flex-start;
      //align-items: center;
      div{
        width: 50%;
        display: flex;
        flex-direction: column;
        span{
          color: #999999;
          font-size: px2rem(12px);
        }
        label{
          font-size: px2rem(13px);
          width: 100%;
          //overflow: hidden;
          //text-overflow: ellipsis;
          //white-space: nowrap;
          //word-break: keep-all;
        }
      }
    }
  }
  .conEnd {
    width: 92%;
    /* height: 4rem;*/
    margin: 0 auto;
    //border-bottom: 1px solid $lineColor;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    div {
      width: 50%;
      display: flex;
      flex-direction: column;
      span {
        color: #999999;
        font-size: px2rem(12px);
      }
      label {
        font-size: px2rem(13px);
        width: 100%;
      }

    }
  }
  .conEnd :last-child {
   // border-bottom: 0.5px solid #999999;
  }
  .spPanel{
    width: 98%;
    margin: 1rem auto;
    border-radius: 5px;
    border: 1px solid #eaeaea;
  }
  .buttonDiv {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
    margin-bottom: 1rem;
    button {
      width:80%;
      background-color: #3189fb;
      height: 3.4rem;
    }
  }
  .onLine{
    border-bottom: none;
  }
}
